// 全局变量
$headerH: 60px;
$navH: 45px;
$headerGap: 20px; //间隙
:root {
	--jj-img-skeleton-bg: #eeeff2;
	--jj-skeleton-bg: #fff;
	--jj-skeleton-line-bg1: #e4e6eb;
	--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);

	--yublog_body_bg_color: #e4e6eb;

	--yublog_header_bg_color: #fff;

	--yublog_header_nav_border_color: #ebebeb;
	--yublog_header_nav_box_shadow: #ebebeb;

	--yublog_header_text_color: #515767;
	--yublog_header_text_active: #1e80ff;

	--yublog_header_article_btn_bg: #1e80ff;
	--yublog_header_article_btn_bg_hover: #1171ee;
	--yublog_header_article_btn_color: #fff;

	--yublog_header_search_input_border: #c2c8d1;
	--yublog_header_search_input_border_active: #1e80ff;
	--yublog_header_search_input_color: #8a919f;
	--yublog_header_search_placeholder_color: #c0c3cb;
	--yublog_header_search_btn_color: #86909c;
	--yublog_header_search_btn_color_active: #1e80ff;
	--yublog_header_search_btn_bg: #f2f3f5;
	--yublog_header_search_btn_bg_active: #eaf2ff;

	--yublog_search_history_title_color: #869aab;
	--yublog_search_history_clear_color: #1e80ff;
	--yublog_search_history_text_color: #5e6369;
	--yublog_search_history_item_bg: #eff2f5;

	--jj-header-menu-text-color: #252933;
	--jj-header-menu-count-title-color: #8a919f;
	--jj-header-menu-item-bg-hover: #f7f8fa;
	--jj-header-menu-item-icon: #8a919f;
	--jj-header-menu-footer-text-color: #8a919f;
	--jj-header-menu-footer-text-color-hover: #1e80ff;

	--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);
	--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);
	--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);
	--jj-header-login-btn-color: #007fff;

	--jj-mobile-search-bg: #fff;
	--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);

	--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);
	--jj-login-dialog-content-bg: #fff;
	--jj-login-dialog-close-color: #8a919f;
	--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);
	--jj-login-dialog-title-color: #252933;
	--jj-login-dialog-input-color: #000;
	--jj-login-dialog-input-placeholder-color: #c4c7ce;
	--jj-login-dialog-input-border: #f2f3f5;
	--jj-login-dialog-input-bg: #f2f3f5;
	--jj-login-dialog-input-border-focus: #1e80ff;
	--jj-login-dialog-input-bg-focus: #fff;
	--jj-login-dialog-form-btn-bg: #1e80ff;
	--jj-login-dialog-form-btn-bg-hover: #1171ee;
	--jj-login-dialog-form-btn-color: #fff;
	--jj-login-dialog-body-right-border: #f1f2f5;
	--jj-login-dialog-qrcode-border: #e4e6eb;
	--jj-login-dialog-footer-color: #8a919f;
	--jj-login-dialog-link-color: #1e80ff;
	--jj-login-dialog-link-color-hover: #1171ee;
	--jj-login-dialog-input-checkbox-border: #c4c7ce;
	--jj-login-dialog-input-checkbox-border-active: #1e80ff;
	--jj-login-dialog-input-checkbox-bg-active: #1e80ff;
	--jj-login-dialog-input-checkbox-icon: #fff;
	--jj-login-dialog-input-checkbox-text-active: #1e80ff;

	--jj-toast-color: #333;
	--jj-toast-bg: #fff;
	--jj-toast-border: #ebebeb;
	--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);
	--jj-toast-color-info: #909399;
	--jj-toast-bg-info: #edf2fc;
	--jj-toast-border-info: #ebeef5;
	--jj-toast-color-success: #67c23a;
	--jj-toast-bg-success: #f0f9eb;
	--jj-toast-border-success: #e1f3d8;
	--jj-toast-color-warning: #e6a23c;
	--jj-toast-bg-warning: #fdf6ec;
	--jj-toast-border-warning: #faecd8;
	--jj-toast-color-error: #f56c6c;
	--jj-toast-bg-error: #fef0f0;
	--jj-toast-border-error: #fde2e2;
}
